<template>
    <div class="information">
        <nav>
            <h4>消息</h4>
            <ul class="topNav">
                <li class="sx"><router-link to="/information/private-letter"><p><span class="private">私信</span></p></router-link><div class="xhx"></div></li>
                <li class="tz"><router-link to="/information/notice"><p><span class="nav-notice">通知</span></p></router-link><div class="xhx-2"></div></li>
                <li><i class="yo-ico dh">&#xea72;</i></li>
            </ul>
        </nav>
        <main>
            <!-- <Priv></Priv> -->
            <!-- <Notice></Notice> -->
        </main>
        <footer></footer>
    </div>
</template>



<script>
// import Notice from './notice'
// import Priv from './private-letter'
export default {
    // components:{
    //     Notice,
    //     Priv
    // }
}
</script>




<style lang="stylus" scoped>
@import "../../assets/stylus/border.styl"
.information
    overflow scroll
    nav 
        h4
            font-size .20rem
            padding 10px 10px
            display block
            height 44px
            line-height 44px
            font-weight 400
            margin-bottom 8px
        .topNav
            margin-left  12px
            width 100%
            height 40px
            li
                color #ccc
                float left
                width 40px
                height 40px
                line-height 40px
                font-weight 700 
                &:last-child
                    float right
                    margin-top 30px
                    color #000
.xhx
    border 4px solid rgba(107, 92, 235, 1)
    margin-top -18px
    margin-left -4px

.private
    color #323133

span 
    color #ccc
</style>